import { Card, Row, Col } from "antd";
import { DeleteFilled } from "@ant-design/icons";
const View = () => {
    return (
        <>
            <h1>Card卡片</h1>
            <Card
                title='这里是标题'
                hoverable
                style={{ width: 500 }}
                extra={
                    <a href='#'>
                        <DeleteFilled />
                    </a>
                }
            >
                <p>Card</p>
                <p>Card</p>
                <p>Card</p>
                <p>Card</p>
                <p>Card</p>
            </Card>
            <hr />
            <Row gutter={16}>
                <Col span={8}>
                    <Card
                        title='这里是标题'
                        hoverable
                        style={{ width: 500 }}
                        extra={
                            <a href='#'>
                                <DeleteFilled />
                            </a>
                        }
                    >
                        <p>Card</p>
                        <p>Card</p>
                        <p>Card</p>
                        <p>Card</p>
                        <p>Card</p>
                    </Card>
                </Col>
                <Col span={8}>
                    <Card
                        title='这里是标题'
                        hoverable
                        style={{ width: 500 }}
                        extra={
                            <a href='#'>
                                <DeleteFilled />
                            </a>
                        }
                    >
                        <p>Card</p>
                        <p>Card</p>
                        <p>Card</p>
                        <p>Card</p>
                        <p>Card</p>
                    </Card>
                </Col>
                <Col span={8}>
                    <Card title='这里是标题' hoverable style={{ width: 500 }}>
                        <p>Card</p>
                        <p>Card</p>
                        <p>Card</p>
                        <p>Card</p>
                        <p>Card</p>
                    </Card>
                </Col>
            </Row>
        </>
    );
};

export default View;
